{% extends '../../layout/admin-base.html' %}
<script src="{{ assets_path("js/base.js")}}"></script>
{% block page %}
<h3 class="page-title">
    月统计 <small>列表</small>
</h3>
<ul class="breadcrumb">
    <li>
        <i class="icon-home"></i>
        <a href="index.html">点赞统计</a> 
        <i class="icon-angle-right"></i>
    </li>
    <li>
        <a href="{{url('admin/thumb/rank/month')}}">月统计排名</a>
        <i class="icon-angle-right"></i>
    </li>
    <li><span>列表</span></li>
</ul>
{% end%}
{% block content %}

<div class="row-fluid">
    <div class="span12">
        <div class="portlet box red">
            <div class="portlet-title">
                <div class="caption"><i class="icon-search"></i>搜索条件</div>
                <div class="tools">
                    <a href="javascript:;" class="collapse"></a>
                </div>
            </div>
            <div class="portlet-body form">
                <!-- BEGIN FORM-->
                <form action="{{url('admin/thumb/rank/monthsr')}}" class="horizontal-form" method="post">
                    <div class="row-fluid">
                        <div class="span3">
                            <div class="control-group">
                                <label class="control-label" for="studentName">月份</label>
                                <div class="controls">
                                    <input type="text" id="form_datetime" class="m-wrap span12" placeholder="{{nmonth}}" name="Fcreate_time" >
                                </div>
                            </div>
                        </div>
                        <div class="span3">
                            <div class="control-group">
                                <label class="control-label" for="no">职工类别</label>
                                <div class="controls">
                                    <select class="m-wrap span12" name="Ftype_id">
                                        <option value="2">保洁员</option>
                                        <option value="1">宿管员</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--/row-->
                    <div class="form-actions">
                        <button type="submit" class="btn blue"><i class="icon-search"></i>搜索</button>
                        <button type="reset" class="btn">清空</button>
                    </div>
                </form>
                <!-- END FORM--> 
            </div>
        </div>
        <!-- BEGIN EXAMPLE TABLE PORTLET-->
        <div class="portlet box light-grey">
            <div class="portlet-title">
                <div class="caption"><i class="icon-list"></i>月统计</div>
                <div class="tools">
                    <a href="javascript:;" class="collapse"></a>
                    <a href="#portlet-config" data-toggle="modal" class="config"></a>
                    <a href="javascript:;" class="reload"></a>
                    <!-- <a href="javascript:;" class="remove"></a> -->
                </div>
            </div>
            <div class="portlet-body">
                <table class="table table-striped table-bordered table-hover" id="sample_1">
                    <thead>
                        <tr>
                            <th>姓名</th>
                            <th>头像</th>
                            <th>宿舍楼号</th>
                            <th>入职时间</th>
                            <th>年龄</th>
                            <th>赞数</th>
                            <th>百分比</th>
                            <th ></th>
                        </tr>
                    </thead>
                    <tbody>
                          {% for row in ret %}
                         <tr class="odd gradeX">
                            <th  style="font-weight:lighter">{{row['Fname']}}</th>
                            <th  style="font-weight:lighter"><img src="/static{{ row["Favater"] }}" width="40px" height="40px"/></th>
                            <th  style="font-weight:lighter">{{row['Fdorm_name']}}</th>
                            <th  style="font-weight:lighter">{{stamp_2_time(row['Fhire_date'])}}</th>
                            <th  style="font-weight:lighter">{{row['Fage']}}</th>
                            <th  style="font-weight:lighter">{{row['count']}}</th>
                            <th  style="font-weight:lighter">{{row['sport']}}</th>
                        </tr>
                        {% end %}

                    </tbody>
                </table>
               
            </div>
        </div>
        <!-- END EXAMPLE TABLE PORTLET-->
    </div>
</div>
<script type="text/javascript">
window.onload=function(){    
        $("#form_datetime").datetimepicker({
            format: "yyyy-mm",
            autoclose: true,
            todayBtn: true,
            pickerPosition: "bottom-left"
        });

    }
</script> 
{% end%}